<template>
	<div class="box">
		<h1>{{ name }}</h1>
		<router-link tag="a" to="/Me"
			><img :src="require('../assets/header/goback.png')" alt=""
		/></router-link>
	</div>
</template>

<script>
import { mapState } from 'vuex'
export default {
	computed: {
		...mapState('huo_me/', ['name']),
	},
	mounted() {
		console.log(this.$store.state)
	},
}
</script>

<style scoped lang="scss">
.box {
	height: 45px;
	box-sizing: border-box;
	position: fixed;
	top: 0;

	line-height: 45px;
	position: relative;
	h1 {
		text-align: center;
		font-size: 16px;
		color: #333;
		font-weight: 400;
	}
	a {
		img {
			position: absolute;
			height: 22px;
			left: 15px;
			top: 11px;
		}
	}
}
</style>